* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
header,
.menu .text {
  display: flex;
  height: 1.70666667rem;
  background: #27c1b4;
  color: #fff;
  justify-content: space-between;
  align-items: center;
}
header p,
.menu .text p {
  font-size: 0.37333333rem;
}
header p img,
.menu .text p img {
  display: block;
  margin-left: 0.4rem;
}
.menu .text {
  background: #f0f0f0;
  padding: 0 3% 0 5%;
  font-size: 0.37333333rem;
  color: #000000;
}
.menu {
  height: 14.96rem;
  background: #f0f0f0;
}
.menu .wrap {
  padding: 0.26666667rem;
  display: flex;
  padding-top: 0.62666667rem;
  height: 1.08rem;
}
.menu .wrap .pig {
  width: 40%;
  border: 30px solid transparent;
  padding: 5px;
  border-image-source: url(../img/dpig.png);
  border-image-slice: 20 20 fill ;
  border-image-repeat: round ;
  margin: 0 3% 0 3%;
}
.menu .wrap .img {
  font-size: 0.32rem;
  color: #27c1b4;
}
footer {
  display: flex;
  height: 1.08rem;
  background: #cccccc;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 0.37333333rem;
}
